<template>
	<view class="new_info">
		<view v-if="cs" >
			<view :class="['top','top'+themes]">
				<view class="left">
					<img style="width: 200rpx;" :src="vote_info.pic" alt="">
				</view>
				<view class="right">
					<view class="">
						{{vote_info.name}}
					</view>
					<view :class="['iconfont', 'icon-renqi1','icon-renqi1'+themes ]"
						:style="'color:' + color_one + ';'">
						<span :style="'color:' + color_one + ';'">{{vote_info.votes}}</span>
					</view>
					<view :class="['iconfont', 'icon-paihang','icon-paihang'+themes ]"
						:style="'color:' + color_one + ';'">
						<span :style="'color:' + color_one + ';'">{{vote_index}}</span>
					</view>
					<!-- <view
						v-if="(vote.vote_downtime_status != 1 && vote.hide_data_before == 1) || vote.hide_data_before == 0">
						<text v-if="qian_duo_p">
							比上一名
							<text :class="['red_text','red_text'+themes]"
								:style="'color:' + color_one + ';'">少{{ qian_duo_p }}</text>
							{{ columnsurs.zan }}，
						</text>
						比后一名
						<text :class="['red_text','red_text'+themes]"
							:style="'color:' + color_one + ';'">多{{ hou_duo_p }}</text>
						{{ columnsurs.zan }}
					</view>

					<view :class="['vote_num_title','vote_num_title'+themes]" style="width: 100%"
						v-if="live.tou_djs_status == 1">
						<view class="vote_num_item" v-if="vote.vote_downtime_status && !live.tou_djs_text"
							:style="'color:' + color_three + ';'">
							{{ vote.vote_downtime_status == 1 ? '距离投票开始' : vote.vote_downtime_status == 2 ? '距离投票结束' : '投票已结束' }}
						</view>
						<view class="vote_num_title" v-if="live.tou_djs_text" :style="'color:' + color_three + ';'">
							{{ live.tou_djs_text }}
						</view>
						<view class="vote_num_value time" style="font-size: 25rpx">
							{{ vote.vote_downtime_status != 3 ? vote_downtime.day : '00' }}
							<text style="margin: 0 22rpx">天</text>
							{{ vote.vote_downtime_status != 3 ? vote_downtime.hour : '00' }}
							<text style="margin: 0 22rpx">时</text>
							{{ vote.vote_downtime_status != 3 ? vote_downtime.minute : '00' }}
							<text style="margin: 0 22rpx">分</text>
							{{ vote.vote_downtime_status != 3 ? vote_downtime.second : '00' }}
							<text style="margin: 0 22rpx">秒</text>
						</view>
					</view> -->
				</view>
			</view>
			<view :class="['gift','gift'+themes]">
				<view v-for="(item,index) in bills" :key="index" @click="bindchoosegift(item,index)"
					:class="[ index==mr_index? 'view_border'+themes:'' ]">
					<img :src="item.pic" alt="">
					<span v-if="index==mr_index" :class="['iconfont', 'icon-xuanzhong','icon-xuanzhong'+themes]"></span>
					<p :class="['rq'+themes]" :style="'color:' + color_one + ';'">{{item.name}}</p>
					<p class="rq" :class="['rq'+themes]">{{item.ticket}}人气/ <span v-if="item.amount==0">免费</span> <span
							v-else>{{item.amount/100}}元</span> </p>
				</view>
			</view>
			<view class="zf">
				<view class="zf_left">
					<uni-number-box :min="1" :max="999" v-model="vote_gift_num" @change="change" />
				</view>
			</view>
			<view class="zl">
				<view :class="['zf_btn','zf_btn'+themes]" @tap="bindbuy" :data-xuan_id="xuan_id"
					:data-xuan_name="vote_info.name" :data-index="vote_index">
					为Ta助力
				</view>
			</view>


			<view :class="['menber_btn','member_btn'+themes]">
				<view class="btn" hoverClass="none" @tap="sy">
					<text class="iconfont icon-home" :style="'color:' + color_one + ';'"></text>
					<view class="member_btn_txt" :style="'color:' + color_one + ';'">回到首页</view>
				</view>
				<view class="btn" hoverClass="none" @tap="refreshmovie">
					<text :class="['iconfont1', 'icon-refresh','icon-refresh'+themes ]"
						:style="'color:' + color_one + ';'"></text>
					<view class="member_btn_txt" :style="'color:' + color_one + ';'">刷 新</view>
				</view>
					<!-- <view class="btn" hoverClass="none" @tap="bindSheng">
					<text class="iconfont icon-erweima" :style="'color:' + color_one + ';'"></text>
					<view class="member_btn_txt" :style="'color:' + color_one + ';'">生成海报</view>
				</view> -->
			</view>

			<view @longpress="touchsave" class="shareCanvas" style="width: 90%; height: 80%" v-if="share_flag == true">
				<canvas canvasId="shareCanvas" style="width: 100%; height: 100%"></canvas>
				<cover-view class="savepromot">长按图片保存到手机</cover-view>
				<button @tap="bindopensetting" class="openSetting" openType="openSetting" v-if="openSetting"></button>
			</view>

			<view class="vote_convas" v-if="voteMaskLi">
				<view class="vote_convas_conent">
					<view class="vote_convas_title" :style="'color:' + color_three + ';'">
						请选择海报模板
						<image @tap="voteMaskClose" class="vote_convas_close" data-index="1"
							src="/static/wxz_wzbagent/resource/images/icon3.png"></image>
					</view>
					<view class="vote_convas_main">
						<view @tap="voteConvasLi" :class="'vote_convas_li vote_convas_active' + item" :data-index="item"
							:style="'background-image: url(' + voteBg[item] + ')'" v-for="(item, index) in 9"
							:key="index">
							<view class="voteLi_title">{{ vote_info.name }}</view>

							<view class="voteLi_content">{{ live.f_title_1 }}{{ vote_info.name }}{{ live.f_title_2 }}
							</view>

							<view class="voteLi_img">
								<image mode="widthFix" :src="vote_info.pic"></image>
							</view>

							<image class="voteLi_img_bottom" mode="widthFix" :src="voteBgActive[item]"
								v-if="voteBgActive[item]"></image>

							<image class="voteLi_img_erweima" :src="sunEwm"></image>

							<view class="voteLi_text1">请识别二维码</view>

							<view class="voteLi_text2">长按图片保存到手机</view>
						</view>
					</view>
				</view>
			</view>
			<view class="vote_mask" @longpress="saveCanvas" v-show="voteMask">
				<!-- #ifdef H5 -->
				<img :src="haibaoimg" v-show="haibaoimgshow"
					style="position: absolute;width: 96%;z-index: 9999;transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);top: 50%;left: 50%;"></img>
				<!-- #endif -->
				<canvas canvasId="voteCanvas" class="my-canvas" style="left: 9999px;"></canvas>
				<cover-image @tap="voteMaskClose" class="vote_mask_img" data-index="2"
					src="/static/wxz_wzbagent/resource/images/icon3.png" style="z-index: 10000"></cover-image>
			</view>
			<view @tap="bindclosevote" class="cover" v-if="share_flag == true"></view>
			<!-- <navigator hoverClass="none" class="go_back" :url="'/wxz_wzbagent/pages/movie/movie?token='  + token">
				返回
			</navigator> -->
		</view>
		<view v-else style="text-align: center;margin-top: 100rpx;">
			<view style="font-size: 50rpx; color: #666666;">
				404 Not Found
			</view>
			<view style=" color: #CCCCCC;">
				未找到相应页面或资源(404)
			</view>
		</view>
	</view>
</template>

<script>
	var app = getApp();
	export default {
		data() {
			return {
				haibaoimg: "",
				haibaoimgshow: false,
				voteMaskLi: false,
				columnsurs: "",
				voteMask: false,
				sunEwm: '',
				voteBg: {},
				voteBgActive: {},
				share_flag: 0,
				openSetting: false,
				imgView: '?imageView2/1/w/529/h/678',
				memberImg: '',
				qrcodeImg: '',
				canvasIndex: '',
				userInfoCheck: 0,

				canvasColor: {
					0: '#fff',
					1: '#fff',
					2: '#000',
					3: '#fff',
					4: '#FBDE3D',
					5: '#E0BF6E',
					6: '#fff',
					7: '#E0BF6E',
					8: '#fff'
				},

				wxVoteBg: {},
				wxVoteBgActive: {},
				canvasFilePaths: {},
				isPlaying: false /*音频播放 */ ,
				// token: '',
				rk_uid: '',
				is_black: '',
				jump_appid: '',
				need_jump: 0,

				vote: {
					vote_downtime_status: 0,
					hide_search_box: 0,
					hide_data_before: 0
				},

				qian_duo_p: '',
				hou_duo_p: '',
				color_status: '',
				color_one: '',
				color_two: '',
				color_three: '',
				xuan_name: '',
				article_vote_content: '',

				value: {
					admin_name: '',
					fen: 0,
					ping_status: 0,
					add_time: '',
					content: ''
				},
				mr_index: 0,
				vote_gift_num: 1,
				xuan_id: "",
				token: "",
				bills: [],
				vote_info: [],
				vote_index: 0,
				color_one: "",
				vote_gift_id: "",
				uniacid: "",
				wxapp_id: "",
				live: {},
				live_id: "",
				rid: "",
				amount: "0",
				cs: "",
				themes: "",
				voteMaskLi: false,
				//1正在倒计时 0：已开始不显示倒计时
				vote_downtime: {},
				wxopenid: "",
				uid: "",
				//投票倒计时
				vote_data: {},
				currentUrl: "",
			}
		},
		onLoad: function(options) {
			// #ifdef H5
			//if(isWeiXin()){
			// this.getCode_voteinfo(options.token);
			//  }
			// #endif
			// this.share(options.token, options.xuan_id);
			var that = this;
			// that.get_vote_info();
			const scene = decodeURIComponent(options.scene);
			//wx.hideShareMenu({})
			if (scene !== 'undefined') {
				scene.split('&').forEach((item) => {
					var key = item.split('=')[0];
					if (key == 'x') {
						key = 'xuan_id';
					}
					if (key == 't') {
						key = 'token';
						that.login(item.split('=')[1], '', '', '');
					}
				});
				that.get_vote_info();
			} else {
				if (options.x && options.t && options.x != 'undefined' && options.t != 'undefined') {
					that.setData({
						xuan_id: options.x,
						token: options.t,
						rk_uid: options.rk_uid
					});
					that.login(options.x, options.share_uid, options.from, options.rk_uid);
				} else {
					that.setData({
						xuan_id: options.xuan_id,
						token: options.token,
						rk_uid: options.rk_uid
					});
					that.login(options.token, options.share_uid, options.from, options.rk_uid);
				}
				that.get_vote_info();
			}
			const userInfo = uni.getStorageSync('uid');
			if (userInfo) {
				that.setData({
					userInfoCheck: 1
				});
			}
		},
		mounted() {
			
			//禁止转发
			// function onBridgeReady() {
			//           WeixinJSBridge.call('hideOptionMenu');
			//       }
			//       if (typeof WeixinJSBridge == "undefined") {
			//           if (document.addEventListener) {
			//               document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
			//           } else if (document.attachEvent) {
			//               document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
			//               document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
			//           }
						
			//       } else {
			//           onBridgeReady();
			//       }
			
			
			var urlParams = new URLSearchParams(window.location.search);
			var a = urlParams.get("s")
			var token = urlParams.get("token")
			if (a == null) {
				uni.setNavigationBarTitle({
					title: '404',
					success: function() {
						// console.log('页面标题设置成功');
					},
					fail: function(err) {
						// console.log('页面标题设置失败', err);
					}
				});

			}
			var wxopenid = urlParams.get("wxopenid");
			this.uid = urlParams.get("uid");
			this.wxopenid=wxopenid
			if(wxopenid!=null){
				uni.setStorageSync('wxopenid', wxopenid);
				uni.setStorageSync('uid', this.uid);
			}
			this.cs = urlParams.get("s");
			// console.log(this.cs, 11111111)
			var wxopenid=uni.getStorageSync('wxopenid');
			// this.sqdl()
			var url = new URL(window.location.href);
			var params = new URLSearchParams(url.search);
			params.delete("s");
			params.delete("wxopenid");
			params.delete("uid");
			var newUrl = url.origin + url.pathname + '?' + params.toString();
			history.replaceState(null, "", newUrl);
			
			(function(){
					if(window.history && window.history.pushState) {
					window.onpopstate=function () {
			        window.history.pushState('forward', null, '');
			        window.history.forward(1);
					};
						}
					window.history.pushState('forward', null, '');//在IE中必须得有这两行
					window.history.forward(1);
					})();
			
			window.addEventListener('popstate', function () {
			     location.href = 'http://h5.minilive.xuejing.live/h5/?token=' + token
			}, false);  

			const s = document.createElement('script');
			s.type = 'text/javascript';
			s.src = 'https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.min.js';
			document.body.appendChild(s);
			window.onload = () => { //初始化产生一个全局变量 AlipayJSBridge
				this.readys()
			}
		},
		methods: {
			//投票倒计时
			save_time: function() {
				var timer = null;
				var that = this;
				var vote = that.vote;
				var time = 0;
				var tab = that.tab;
				if (vote.vote_downtime_status == 1) {
					//未开始
					var time = vote.start_at;
				}
				if (vote.vote_downtime_status == 2) {
					//已开始
					var time = vote.end_at;
				}
				if (vote.vote_downtime_status == 1 || vote.vote_downtime_status == 2) {
					timer = setInterval(function() {
						var leftTime = time - new Date().getTime() / 1000;
						// console.log(leftTime)
						//倒计时结束
						if (leftTime <= 1) {
							clearInterval(timer);
							that.get_live();
						}
						//切换tab后停止当前倒计时并清空
						if (tab != that.tab) {
							clearInterval(timer);
							that.setData({
								vote_downtime: {}
							});
							return;
						}
						// var leftSecond = parseInt(leftTime / 1000);
						var Day = Math.floor(leftTime / (60 * 60 * 24)); //天数
						var Hour = Math.floor((leftTime - Day * 24 * 60 * 60) / 3600); //小时
						var Minute = Math.floor((leftTime - Day * 24 * 60 * 60 - Hour * 3600) / 60); //分钟
						var Second = Math.floor(leftTime - Day * 24 * 60 * 60 - Hour * 3600 - Minute *
							60); //秒数
						if (Minute >= 0 && Second >= 0) {
							let vote_downtime = {
								day: Day,
								hour: Hour < 10 ? '0' + Hour : Hour,
								minute: Minute < 10 ? '0' + Minute : Minute,
								second: Second < 10 ? '0' + Second : Second
							};
							that.setData({
								vote_downtime: vote_downtime
							});
						}
					}, 1000);
				}
			},


			login: function(liveId, share_uid, from, rk_uid) {
				
				// #ifdef H5
				// if (isWeiXin()) {
				// 	let wxopenid = uni.getStorageSync('wxopenid');
				// 	if (!wxopenid) {
				// 		this.getCode();
				// 	}
				// }
				// #endif
				// #ifndef H5
				var that = this;
				uni.login({
					success(res) {
						if (res.code) {
							app.globalData.util.request({
								url: 'login_new&op=black_check',
								data: {
									live_id: liveId,
									code: res.code,
									share_uid: share_uid,
									from: from,
									rk_uid: rk_uid
								},
								cachetime: '0',
								showLoading: true,
								success: function(t) {
									if (t.data.data.uid) {
										uni.setStorageSync('uid', t.data.data.uid);
										return t.data.data.uid;
									}
									if (t.data.data.is_black == 1 || t.data.data.is_black == '0') {
										that.setData({
											is_black: t.data.data.is_black
										});
									}
								}
							});
							console.log(1111)
						} else {
							console.log('登录失败！' + res.errMsg);
						}
					}
				});
				// #endif
			},


			back() {
				window.history.back()
			},
			
			readys(callback) {
				console.log(window)
				if (window.AlipayJSBridge) {
					callback && callback();
				} else {
					document.addEventListener('AlipayJSBridgeReady', callback, false);
				}
			},

			tradePay(tradeNO) {
				// 通过传入交易号唤起快捷调用方式(注意tradeNO大小写严格)
				const that = this
				AlipayJSBridge.call("tradePay", {
					tradeNO: tradeNO //tradeNO.reserved_transaction_id
				}, function(data) {
					//alert(JSON.stringify(data));
					that.setData({
						vote_show_flag: false
					});
					if (data.resultCode == 9000) {
						uni.showToast({
							title: '支付成功!',
							icon: 'none',
							success() {
								setTimeout(() => {
									location.reload();
								}, 1000)
							}
						})
					} else {
						uni.showToast({
							title: '支付失败!',
							icon: 'none'
						})
					}
				});
			},

			refreshmovie() {
				uni.showLoading({
					title: '刷新中...'
				})
				this.get_vote_info()
			},
			tabs_broder(index) {
				this.mr_index = index
			},
			change() {
				console.log(this.vote_gift_num, 111)
			},
			get_vote_info() {
				var that = this;
				app.globalData.util.request({
					url: 'lives_new&r=h5_vote_info',
					data: {
						xuan_id: that.xuan_id,
						token: that.token,
						uid: uni.getStorageSync('uid')
					},
					cachetime: '0',
					showLoading: 0,
					success: function(res) {
						console.log(res); //获得投票信息 
						//判断是否自定义颜色
						if (res.data.data.live.color_status && res.data.data.themes != '7') {
							res.data.data.themes < 7;
						} else {
							res.data.data.live.color_one = '';
							res.data.data.live.color_two = '';
							res.data.data.live.color_three = '';
						}
						var a = res.data.data;
							that.columnsurs= res.data.data.columnsurs,
							that.vote_info= res.data.data.vote_info,
							that.live= res.data.data.live,
							that.vote= res.data.data.vote,
							that.themes= 'themes_' + res.data.data.themes,
							that.wxapp_id= res.data.data.live.wxapp_id,
							that.qian_duo_p= res.data.data.qian_duo_p,
							that.hou_duo_p= res.data.data.hou_duo_p,
							that.vote_index= res.data.data.vote_index,
							that.uniacid= res.data.data.live.uniacid,
							that.rid= res.data.data.live.rid,
							that.live_id= res.data.data.live.id,
							that.color_one= res.data.data.live.color_one,
							that.bills= res.data.data.bills,
							that.vote_gift_id= res.data.data.bills[0].id,
							that.vote_name=res.data.data.bills[0].name,
							that.amount=res.data.data.bills[0].amount
						that.save_time()
						if (that.cs) {
							console.log("设置标题")
							uni.setNavigationBarTitle({
								title: res.data.data.vote_info.name
							});
						}
						var urlParams = new URLSearchParams(window.location.search);
						//指定公众号openid
						var sOpenid = uni.getStorageSync('wxopenid');
						var last_uniacid = urlParams.get("last_uniacid");

						if(sOpenid && res.data.data.live.uniacid && (!last_uniacid || last_uniacid == 'undefined')
						)
							uni.setStorageSync('wxopenid_'+res.data.data.live.uniacid, sOpenid);
						//如果旧公众号里没有openid 则跳新公众号
						if(res.data.data.live.uniacid > 0 && res.data.data.live.last_uniacid > 0 
							&& !uni.getStorageSync('wxopenid_'+res.data.data.live.last_uniacid)
							&& !uni.getStorageSync('wxopenid_'+res.data.data.live.uniacid)
							&& !urlParams.get("wxopenid")
						)
							window.location.href = res.data.data.live.login_url;
						//如果是老公众号，则跳老支付
						if(uni.getStorageSync('wxopenid_'+res.data.data.live.last_uniacid) && res.data.data.live.last_uniacid > 0)
						{
							that.wxpay_last = res.data.data.live.last_uniacid
						}
						that.sqdl()
						
						that.article_vote_content = res.data.data.vote_info.content.replace(
							/(\r\n|\n|\r)/gm, "</br>");
						console.log(that.article_vote_content, 'that.article_vote_content');
					}
				});
			},

			sqdl() {
				var wxopenid=uni.getStorageSync('wxopenid');
				if (wxopenid.length<28 && this.cs) {
					console.log(this.live.login_url)
					window.location.href = this.live.login_url;
				}
			},
			//选中礼物
			bindchoosegift(item, index) {
				console.log(item);
				this.mr_index = index
				this.vote_gift_id = item.id
				this.vote_name = item.name
				this.amount = item.amount
			},
			sy() {
				window.location.href = 'http://h5.minilive.xuejing.live/h5/?token=' + this
					.token
			},

			//提交打call
			bindbuy: function(t) {
				var that = this;
				var e = t.currentTarget.dataset;
				console.log(this.amount)
				if (that.vote_gift_id) {
					if (that.vote_gift_num < 1) {
						uni.showToast({
							title: '礼物数量不能小于1件!',
							icon: 'none',
							duration: 1500
						});
					} else {
						if (this.amount == 0) {
							var that = this;
							var id = t.currentTarget.dataset.xuan_id;
							var xuan_name = t.currentTarget.dataset.xuan_name;
							var uid = uni.getStorageSync('uid')
							app.globalData.util.request({
								url: isWeiXin() ? 'lives_new&r=poll' : 'ali&r=poll',
								data: {
									rid: that.rid,
									live_id: that.live_id,
									uniacid: that.uniacid,
									uid: uid,
									id: id
								},
								cachetime: '0',
								showLoading: true,
								success: function(t) {
									console.log(t);
									var json = t.data.data;
									if (json.s == 0) {
										//不能投
										uni.showToast({
											title: json.msg,
											icon: 'none',
											duration: 1500
										});
									}
									if (json.s == 8) {
										//免费票成功
										uni.showToast({
											title: json.msg,
											icon: 'none',
											duration: 1500
										});
										var zanshu = parseInt(that.vote_info.votes) + 1;
										var key = 'vote_info.votes';
										that.vote_info.votes = zanshu;
									}
									if (json.s == 1) {
										//不能投
										uni.showToast({
											title: json.msg,
											icon: 'none',
											duration: 1500
										});
									}
									if (isWeiXin() && that.live.close_pay_status == 1) {
										console.log("进这里")
										uni.showModal({
											title: '提示',
											content: that.live.close_pay_tip
										});
										return false;
									}
									if (!isWeiXin() && that.live.close_pay_status_ali == 1) {
										console.log("进这里下面")
										uni.showModal({
											title: '提示',
											content: that.live.close_pay_tip
										});
										return false;
									}
									that.get_vote_info();
								}
							});
							return
						}

						//请求
						var gift_id = that.vote_gift_id;
						var gift_num = that.vote_gift_num;
						var uid = uni.getStorageSync('uid');
						var xuan_id = e.xuan_id;
						var voteName = e.xuan_name;
						var index = e.index;
						let wxopenid = uni.getStorageSync('wxopenid');
						console.log(uid, wxopenid)
						if (isWeiXin()) {
							// if (that.live.current_pay == -1) {
							// 	var payIframeUrl =
							// 		"http://www.pourfirst.cn/app/wxapp.php?i=9&v=2.3.0&from=wxapp&m=wxz_wzbagent&do=wechat&r=unifyPayIframe&token=" +
							// 		that.live.token + "&c=entry&a=wxapp&uid=" + uid + "&gift_id=" + gift_id +
							// 		"&gift_num=" + gift_num + "&xuan_id=" + xuan_id + "&voteName=" + voteName +
							// 		"&uniacid=" + that.live.uniacid + "&wxopenid=" + uni.getStorageSync('wxopenid') +
							// 		"&vote_index=" + index;
							// 	//console.log(payIframeUrl);
							// 	window.location.href = payIframeUrl;
							// 	return;
							// }

							//#ifdef H5
							if (isWeiXin()) {
								let wxopenid = uni.getStorageSync('wxopenid');
								var uid = uni.getStorageSync('uid');
								var last_wxopenid = uni.getStorageSync('wxopenid_'+that.live.last_uniacid);
								console.log(wxopenid, uid)
								app.globalData.util.request({
									url: 'wechat&r=unifyPay',
									data: {
										uid: uid,
										gift_id: gift_id,
										gift_num: gift_num,
										xuan_id: xuan_id,
										voteName: voteName,
										uniacid: that.live.uniacid,
										wxapp_id: that.wxapp_id,
										last_uniacid:that.live.last_uniacid,
										last_wxopenid:last_wxopenid,
										wxopenid
									},
									cachetime: '0',
									showLoading: 0,
									success: function(t) {
										//H5微信浏览器支付
										console.log(t);
										//var appid = getApp().globalData.siteInfo.appid;
										var pay_params = t.data.data.pay_params;
										let self = this;
										jWeiXin.config({
											debug: false,
											appId: pay_params.appId,
											timestamp: pay_params.timeStamp,
											nonceStr: pay_params.nonceStr,
											signature: pay_params.paySign,
											jsApiList: ['chooseWXPay']
										});
										jWeiXin.ready(function() {
											jWeiXin.checkJsApi({
												jsApiList: ['chooseWXPay'],
												success: function(res) {
													console.log(
														'checkjsapi Success');
													console.log(res);
												},
												fail: function(res) {
													console.log('res');
													console.log(res);
												}
											});
											jWeiXin.chooseWXPay({
												timestamp: pay_params.timeStamp,
												nonceStr: pay_params.nonceStr,
												package: pay_params.package,
												signType: pay_params.signType,
												paySign: pay_params.paySign,
												success: function(res) {
													that.get_vote_info();
													that.payGiftSuccess(t.data.data
														.logsid, t.data.data
														.out_trade_no, index);
													//console.log(res);
												},
												cancel: function(res) {
													//console.log(res)
												},
												fail: function(res) {
													uni.showToast({
														title: '支付失败!',
														icon: 'none',
														duration: 1500
													});
													//console.log(res);
												}
											});
										});

										jWeiXin.error(function(res) {
											console.log(res);
										});
									}
								});
							}
							//#endif
							//#ifndef H5
							uni.login({
								success: function(res) {
									app.globalData.util.request({
										url: 'lives_new&r=payGift',
										data: {
											uid: uid,
											gift_id: gift_id,
											gift_num: gift_num,
											xuan_id: xuan_id,
											voteName: voteName,
											uniacid: that.live.uniacid,
											wxapp_id: that.wxapp_id,
											code: res.code
										},
										cachetime: '0',
										showLoading: 0,
										success: function(t) {
											var pay_params = t.data.data.pay_params;
											uni.requestPayment({
												timeStamp: pay_params.timeStamp,
												nonceStr: pay_params.nonceStr,
												package: pay_params.package,
												signType: pay_params.signType,
												paySign: pay_params.paySign,
												success: function(res) {
													// wx.showToast({
													//     title: '支付成功!',
													//     icon: 'none',
													//     duration: 1500
													// })
													that.payGiftSuccess(t.data.data
														.logsid, t.data.data
														.out_trade_no, index);
												},
												fail: function(res) {
													uni.showToast({
														title: '支付失败!',
														icon: 'none',
														duration: 1500
													});
													// that.payGiftSuccess(t.data.data.logsid,t.data.data.out_trade_no,index);
												},

												complete: function(res) {}
											});
										}
									});
								}
							});
							// #endif
						} else { //支付宝
							app.globalData.util.request({
								url: 'ali&r=payGift',
								data: {
									uid: uid,
									gift_id: gift_id,
									gift_num: gift_num,
									xuan_id: xuan_id,
									voteName: voteName,
									uniacid: that.live.uniacid_ali,
									wxapp_id: that.wxapp_id,
									//code: res.code
								},
								cachetime: '0',
								showLoading: 0,
								success: function(t) {
									that.tradePay(t.data.data.pay_params.alipay_trade_create_response
										.trade_no)
								},
								fail: function(err) {
									uni.showToast({
										title: '支付失败！'
									})
								}
							});
						}
					}
				} else {
					uni.showToast({
						title: '请选择礼物!',
						icon: 'none',
						duration: 1500
					});
				}
			},

			//打call付费成功
			payGiftSuccess: function(logsid, out_trade_no, index) {
				var that = this;
				app.globalData.util.request({
					url: 'lives_new&r=payGiftSuccess',
					data: {
						logsid: logsid,
						wxapp_id: that.wxapp_id,
						out_trade_no: out_trade_no
					},
					cachetime: '0',
					showLoading: 0,
					success: function(t) {
						this.get_vote_info()
						if (t.data.data.s == 1) {
							var zanshu = parseInt(that.data.vote_info.votes) + t.data.data.tickes;
							var key = 'vote_info.votes';
							that.vote_info.votes = zanshu;
							that.bindclosevote();
							uni.showToast({
								title: t.data.data.msg,
								icon: 'none',
								duration: 1500
							});
						}
					}
				});
			},





		}
	}
</script>

<style>
	.new_info {
		background-color: #F3F4F8 !important;
		padding: 20rpx;
		height: 100%;
	}

	.top {
		border-bottom: 4rpx solid #C7AB6C;
		padding: 20rpx;
		height: 330rpx;
		background-color: #FFF;
		display: flex;
	}

.top>.left>img{
	max-height: 100%;
}
	.right {
		margin-left: 20rpx;
	}

	.right>view {
		margin-bottom: 5rpx;
	}

	.gift {
		background-color: #FFF;
		height: 580rpx;
		display: flex;
		flex-wrap: wrap;
		/* justify-content: space-between; */
		border-bottom: 4rpx solid #C7AB6C;
	}

	.gift>view {
		padding: 20rpx;
		text-align: center;
		margin: 20rpx;
		height: 200rpx;
		width: 150rpx;
		border: 1px solid transparent;
		position: relative;
	}

	.gift>view>img {
		width: 110rpx;
		max-height:80rpx
	}

	.gift>view>.rq {
		width: 170rpx;
	}

	.view_borderthemes_0 {
		border: 1rpx solid #C7AB6C !important;
	}

	.zf {
		background-color: #FFF;
		padding: 15rpx;
		height: 50rpx;
		display: flex;
		justify-content: center;
	}

	.zf_left {
		display: flex;
		justify-content: center;
		width: 150rpx;
	}

	.zl {
		margin-top: 20rpx;
		display: flex;
		justify-content: center;
	}

	.zf_btn {
		border-radius: 10rpx;
		text-align: center;
		line-height: 80rpx;
		width: 80%;
		color: #FFF;
		height: 80rpx;
		background-color: #C7AB6C;
	}

	.font_size {
		font-size: 14rpx
	}

	.go_back {
		float: right;
		margin-top: 20rpx;
		text-align: center;
		color: #FFF;
		background-color: #C7AB6C;
		width: 120rpx;
		height: 50rpx;
		line-height: 50rpx;
		border-radius: 50rpx 0 0 50rpx;
	}

	.btn {
		width: 108rpx;
		height: 108rpx;
		/* padding-top: 4rpx; */
		margin-bottom: 10rpx;
		background: #fff;
		border-radius: 50%;
		text-align: center;
		font-size: 16rpx;
		box-shadow: 0 0 30rpx #999;
		box-sizing: border-box;
	}

	.menber_btn {
		position: fixed;
		z-index: 4;
		width: 108rpx !important;
		height: auto;
		right: 20rpx;
		bottom: 20rpx;
	}

	.icon-home {
		font-size: 45rpx;
		margin: 0 auto;
		vertical-align: -35rpx;
	}

	.icon-erweima {
		font-size: 45rpx;
		margin: 0 auto;
		vertical-align: -35rpx;
	}

	.icon-refresh {
		font-size: 45rpx;
	}

	.member_btn_txt {
		margin-top: -8rpx;
	}




	@import './index.css';
	@import '../movie/movie.css';

	.view_bg {
		background-color: #ccab69;
	}

	.view_bg.themes_5 {
		background-color: #fff3f7;
	}

	.icon-user-center,
	.icon-renqi1,
	.icon-paihang,
	.icon-home,
	.icon-erweima,
	.icon-xuanzhong,
	.icon-refresh,
	.member_btn_txt {
		color: #ccab69;
	}

	.member_vote {
		background-color: #ccab69;
		color: #fff;
		font-weight: 600;
	}

	.themes_5 .member_vote {
		background-color: #fd5670;
	}

	.view_borderthemes_5 {
		border: 1rpx solid #fd5670 !important;
	}

	.themes_5 .icon-user-center:before {
		color: #fd5670;
	}

	.themes_5 .icon-renqi1:before {
		color: #fd5670;
	}

	.themes_5 .icon-paihang:before {
		color: #fd5670;
	}

	.themes_5 .red_text {
		color: #fd5670;
	}

	.themes_5 .icon-home:before {
		color: #fd5670;
	}

	.icon-refreshthemes_5,
	.icon-xuanzhongthemes_5 {
		color: #fd5670;
	}

	.themes_5 .member_btn_txt {
		color: #fd5670;
	}

	.themes_5 .icon-erweima:before {
		color: #fd5670;
	}

	.view_bgthemes_5,
	.member_votethemes_5,
	.zf_btnthemes_5 {
		background-color: #fd5670 !important;
	}

	.menber_numsthemes_5 .iconfont,
	.member_btnthemes_5 .member_btn_txt,
	.member_btnthemes_5 .iconfont,
	.red_textthemes_5,
	.rqthemes_5,
	.icon-renqi1themes_5,
	.icon-paihangthemes_5 {
		color: #fd5670 !important;
	}

	.topthemes_5,
	.giftthemes_5 {
		border-bottom: 2px solid #fd5670;
	}

	.vote_content {
		color: #ccab69;
	}

	.split_page_top {
		height: 20rpx;
		border-top: 1px solid #eee;
	}

	.content {
		width: 702rpx;
		padding: 40rpx 26rpx;
		margin: 24rpx auto;
		display: block;
		box-sizing: border-box;
	}

	.member_nums {
		line-height: 36rpx;
		font-size: 26rpx;
		display: inline-block;
	}

	.member_nums .iconfont {
		margin-right: 10rpx;
	}

	.member_nums image {
		width: 36rpx;
		height: 36rpx;
		margin-right: 6rpx;
	}

	.member_nums .w_space {
		width: 160rpx;
	}

	.member_compare {
		margin-bottom: 20rpx;
		font-size: 26rpx;
	}

	.member_vote_num {
		margin-left: 26rpx;
	}

	.member_vote {
		line-height: 84rpx;
		margin: 40rpx 0;
		display: inline-block;
	}

	.act_introl {
		line-height: 40rpx;
	}

	.share_fix {
		position: fixed;
		right: 10rpx;
		bottom: 174rpx;
		border-radius: 50%;
		z-index: 10;
		width: 144rpx;
		height: 144rpx;
	}

	.gohome {
		position: fixed;
		right: 10rpx;
		bottom: 50rpx;
		border-radius: 50%;
		z-index: 10;
		width: 144rpx;
		height: 144rpx;
	}

	.shareCanvas {
		border-radius: 40rpx;
		position: fixed;
		top: 10%;
		left: 5%;
		z-index: 1000;
		overflow: hidden;
	}

	.shareCanvas canvas {
		border-radius: 40rpx;
		overflow: hidden;
	}

	.openSetting {
		height: 100%;
		width: 100%;
		position: absolute;
		z-index: 55;
		opacity: 0;
		top: 0;
		left: 0;
	}

	.savepromot {
		position: relative;
		bottom: 150rpx;
		width: 100%;
		text-align: center;
		color: #fff;
		font-size: 28rpx;
		z-index: 1001;
	}

	.banner_img {
		width: 100%;
		margin: 0;
	}

	.get_gift_lists {
		margin-bottom: 20rpx;
	}

	.weui-cell {
		background: #fff;
	}

	.avatar {
		margin-right: 17rpx;
		vertical-align: middle;
		width: 71rpx;
		height: 71rpx;
		border-radius: 50%;
	}

	.product_cover {
		margin: 0 5rpx;
		vertical-align: middle;
		width: 80rpx;
		height: 80rpx;
	}

	.weui-cell__bd {
		color: #666666;
		font-size: 24rpx;
	}

	.member_btn {
		position: fixed;
		z-index: 4;
		width: 108rpx;
		height: auto;
		right: 20rpx;
		bottom: 20rpx;
	}

	.btn {
		width: 108rpx;
		height: 108rpx;
		padding-top: 4rpx;
		margin-bottom: 10rpx;
		background: #fff;
		border-radius: 50%;
		text-align: center;
		font-size: 16rpx;
		box-shadow: 0 0 30rpx #999;
		box-sizing: border-box;
	}

	.icon-xuanzhong {
		position: absolute;
		bottom: -12rpx;
		right: -3rpx;
	}

	.icon-home {
		font-size: 45rpx;
		margin: 0 auto;
		vertical-align: -35rpx;
	}

	.icon-erweima {
		font-size: 45rpx;
		margin: 0 auto;
		vertical-align: -35rpx;
	}

	.member_btn_txt {
		margin-top: -8rpx;
	}

	.copyright {
		text-align: center;
		color: #fff;
		line-height: 40px;
		width: 750rpx;
		position: absolute;
		bottom: 0;
		z-index: 3;
	}

	.copyright_brand {
		color: #fbff98;
	}

	.lists_name {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		max-width: 100rpx;
		height: 80rpx;
		line-height: 80rpx;
		float: left;
		margin-right: 8rpx;
	}

	.weui-cell {
		padding: 10px 0;
		background: none;
		border-bottom: 1rpx solid #f5f5f5;
	}

	.weui-cell__ft {
		font-size: 24rpx;
	}

	.lists_half {
		width: 245rpx;
		float: left;
		height: 80rpx;
		line-height: 80rpx;
	}

	.voteCanvs {
		position: fixed;
		top: 30rpx;
		width: 100%;
		z-index: 10000;
		height: 760rpx;
	}

	.voteCanvs swiper {
		width: 750rpx;
		height: 760rpx;
	}

	.voteCanvs swiper-item {
		position: relative;
		overflow: hidden;
	}

	.voteCanvs swiper image {
		width: 80%;
		position: absolute;
		left: 50%;
		top: 0;
		height: 610rpx;
		transform: translateX(-50%);
		margin-top: 80rpx;
		transition: all 0.2s ease-in 0s;
		z-index: 1000;
	}

	.voteCanvs swiper image.active {
		transform: translateX(-50%) scale(1.14);
	}

	.mycavas_view {
		position: absolute;
		width: 80%;
		height: 610rpx;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		margin-top: 80rpx;
		background-color: #fff;
		transition: all 0.2s ease-in 0s;
	}

	.mycavas_view.active {
		transform: translateX(-50%) scale(1.14);
	}

	.canvas {
		position: absolute !important;
		display: block !important;
		width: 80%;
		height: 610rpx;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
		margin-top: 80rpx;
		z-index: 100;
	}

	.vote_convas {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.8);
		z-index: 1000;
	}

	.vote_convas_conent {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1039rpx;
		background-color: #141210;
	}

	.vote_convas_title {
		position: relative;
		width: 100%;
		height: 84rpx;
		line-height: 84rpx;
		font-size: 28rpx;
		text-align: center;
		color: #ccab69;
		border-bottom: 1px solid #464343;
		box-sizing: border-box;
	}

	.vote_convas_close {
		position: absolute;
		right: 20rpx;
		top: 50%;
		transform: translateY(-50%);
		width: 40rpx;
		height: 40rpx;
	}

	.vote_convas_main {
		height: 955rpx;
		box-sizing: border-box;
		overflow: hidden;
		padding: 0 36rpx;
	}

	.vote_convas_li {
		width: 184rpx;
		height: 278rpx;
		margin: 20rpx;
		float: left;
		box-sizing: border-box;
		background-size: 100%;
		background-repeat: no-repeat;
		position: relative;
	}

	.voteLi_title {
		margin-top: 2rpx;
		font-size: 18rpx;
		text-align: center;
		color: #fff;
	}

	.vote_convas_active2 .voteLi_title {
		color: #000;
	}

	.vote_convas_active4 .voteLi_title {
		color: #fbde3d;
	}

	.vote_convas_active5 .voteLi_title,
	.vote_convas_active7 .voteLi_title {
		color: #e0bf6e;
	}

	.voteLi_content {
		position: absolute;
		width: 146rpx;
		height: 28rpx;
		line-height: 14rpx;
		left: 50%;
		transform: translateX(-50%);
		font-size: 10rpx;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		line-clamp: 2;
		-webkit-box-orient: vertical;
		color: #fff;
	}

	.vote_convas_active0 .voteLi_content,
	.vote_convas_active2 .voteLi_content,
	.vote_convas_active3 .voteLi_content,
	.vote_convas_active4 .voteLi_content,
	.vote_convas_active5 .voteLi_content {
		top: 25rpx;
	}

	.vote_convas_active1 .voteLi_content {
		bottom: 8rpx;
		z-index: 100;
	}

	.vote_convas_active2 .voteLi_content {
		color: #000;
	}

	.vote_convas_active4 .voteLi_content {
		color: #fbde3d;
	}

	.vote_convas_active5 .voteLi_content,
	.vote_convas_active7 .voteLi_content {
		color: #e0bf6e;
	}

	.voteLi_img {
		position: absolute;
		top: 52rpx;
		left: 50%;
		transform: translateX(-50%);
		width: 146rpx;
		height: 190rpx;
		overflow: hidden;
		background-color: #fff;
		position: relative;
	}

	.voteLi_img image {
		width: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
	}

	.vote_convas_active1 .voteLi_img {
		top: 28rpx;
	}

	.voteLi_img_bottom {
		position: absolute;
		width: 100%;
		bottom: 0;
	}

	.vote_convas_active2 .voteLi_img_bottom {
		width: 170rpx;
		z-index: 10;
	}

	.voteLi_img_erweima {
		position: absolute;
		width: 35rpx;
		height: 35rpx;
	}

	.vote_convas_active0 .voteLi_img_erweima {
		right: 16rpx;
		bottom: 12rpx;
	}

	.vote_convas_active1 .voteLi_img_erweima {
		right: 17rpx;
		bottom: 43rpx;
	}

	.vote_convas_active2 .voteLi_img_erweima,
	.vote_convas_active4 .voteLi_img_erweima,
	.vote_convas_active5 .voteLi_img_erweima,
	.vote_convas_active6 .voteLi_img_erweima,
	.vote_convas_active7 .voteLi_img_erweima {
		right: 18rpx;
		bottom: 13rpx;
	}

	.vote_convas_active3 .voteLi_img_erweima {
		left: 18rpx;
		bottom: 8rpx;
	}

	.vote_convas_active8 .voteLi_img_erweima {
		left: 18rpx;
		bottom: 10rpx;
	}

	.voteLi_text1 {
		font-size: 8rpx;
		position: absolute;
		color: #fff;
	}

	.vote_convas_active0 .voteLi_text1 {
		bottom: 28rpx;
		right: 58rpx;
	}

	.vote_convas_active1 .voteLi_text1 {
		bottom: 56rpx;
		right: 58rpx;
		color: #fff;
	}

	.vote_convas_active2 .voteLi_text1,
	.vote_convas_active4 .voteLi_text1,
	.vote_convas_active5 .voteLi_text1,
	.vote_convas_active6 .voteLi_text1,
	.vote_convas_active7 .voteLi_text1 {
		bottom: 25rpx;
		right: 58rpx;
		color: #000;
	}

	.vote_convas_active3 .voteLi_text1,
	.vote_convas_active8 .voteLi_text1 {
		bottom: 20rpx;
		left: 58rpx;
	}

	.vote_convas_active4 .voteLi_text1 {
		color: #fbde3d;
	}

	.vote_convas_active5 .voteLi_text1,
	.vote_convas_active7 .voteLi_text1 {
		color: #e0bf6e;
	}

	.vote_convas_active6 .voteLi_text1 {
		color: #fff;
	}

	.vote_convas_active8 .voteLi_text1 {
		color: #27347d;
	}

	.voteLi_text2 {
		font-size: 10rpx;
		position: absolute;
		color: #fff;
	}

	.vote_convas_active0 .voteLi_text2 {
		bottom: 17rpx;
		right: 58rpx;
	}

	.vote_convas_active1 .voteLi_text2 {
		bottom: 45rpx;
		right: 58rpx;
		color: #fff;
	}

	.vote_convas_active2 .voteLi_text2,
	.vote_convas_active4 .voteLi_text2,
	.vote_convas_active5 .voteLi_text2,
	.vote_convas_active6 .voteLi_text2,
	.vote_convas_active7 .voteLi_text2 {
		bottom: 14rpx;
		right: 58rpx;
		color: #000;
	}

	.vote_convas_active3 .voteLi_text2,
	.vote_convas_active8 .voteLi_text2 {
		bottom: 9rpx;
		left: 58rpx;
	}

	.vote_convas_active4 .voteLi_text2 {
		color: #fbde3d;
	}

	.vote_convas_active5 .voteLi_text2,
	.vote_convas_active7 .voteLi_text2 {
		color: #e0bf6e;
	}

	.vote_convas_active6 .voteLi_text2 {
		color: #fff;
	}

	.vote_convas_active8 .voteLi_text2 {
		color: #27347d;
	}

	.vote_mask {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.8);
		z-index: 998;
	}

	.vote_mask canvas {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		width: 654rpx;
		height: 1000rpx;
		z-index: 100;
	}

	.vote_mask_img {
		position: absolute;
		width: 56rpx;
		height: 56rpx;
		right: 50%;
		top: 50%;
		transform: translateX(50%) translateY(-50%);
		z-index: 200;
		margin-right: -300rpx;
		margin-top: -475rpx;
	}

	.member_detail_videos {
		margin-bottom: 10px;
	}

	.member_videos_title {
		font-size: 30rpx;
		margin-bottom: 5px;
	}

	.member_introl_title {
		font-size: 30rpx;
		margin-top: 10rpx;
		border-top: 1rpx solid #fff;
	}

	.member_introl_title_number {
		float: right;
	}

	.member_introl_content_li {
		margin-top: 10rpx;
		border-bottom: 1rpx solid #fff;
	}

	.member_introl_content_spans {
		overflow: hidden;
		margin-top: 6rpx;
	}

	.member_introl_content_span {
		float: left;
		margin-left: 12rpx;
		margin-bottom: 8rpx;
		padding: 2rpx 10rpx;
		border: 1rpx solid #fff;
	}

	.red_text {
		color: #ccab69;
		font-weight: 600;
	}

	/* .footer{
	    height: 90rpx;
	    line-height: 90rpx;
	    text-align: center;
	    font-size: 28rpx;
	} */

	/*样式1*/
	.view_bg.themes_1 {
		background-color: #0c0c0c;
	}

	.zf_btnthemes_1 {
		background-color: #c8af82 !important;
	}

	.view_borderthemes_1 {
		border: 1rpx solid #c8af82 !important;
	}

	.themes_1 .member_vote {
		background-color: #c8af82;
	}

	.themes_1 .icon-user-center:before {
		color: #c8af82;
	}

	.themes_1 .icon-renqi1:before {
		color: #c8af82;
	}

	.themes_1 .icon-paihang:before {
		color: #c8af82;
	}

	.rqthemes_1 {
		color: #c8af82;
	}

	.themes_1 .red_text {
		color: #c8af82;
	}

	.themes_1 .icon-home:before {
		color: #c8af82;
	}

	.icon-refreshthemes_8,
	.icon-xuanzhongthemes_8 {
		color: #c8af82;
	}

	.themes_1 .member_btn_txt {
		color: #c8af82;
	}

	.themes_1 .icon-erweima:before {
		color: #c8af82;
	}

	.themes_1 .vote_content {
		color: #c8af82;
	}

	.view_bgthemes_1,
	.member_votethemes_1,
	.zf_btnthemes_1 {
		background-color: #c8af82 !important;
	}

	.menber_numsthemes_1 .iconfont,
	.member_btnthemes_1 .member_btn_txt,
	.member_btnthemes_1 .iconfont,
	.red_textthemes_1,
	.rqthemes_1,
	.icon-renqi1themes_1,
	.icon-paihangthemes_1 {
		color: #c8af82 !important;
	}

	.topthemes_1,
	.giftthemes_1 {
		border-bottom: 2px solid #c8af82;
	}

	/*end样式1*/

	/*样式2*/
	.view_bg.themes_2 {
		background-color: #fbdd6b;
	}

	.view_borderthemes_2 {
		border: 1rpx solid #fb9d3b !important;
	}

	.rqthemes_2 {
		color: #fb9d3b;
	}

	.themes_2 .member_vote {
		background-color: #fb9d3b;
	}

	.themes_2 .icon-user-center:before {
		color: #fb9d3b;
	}

	.themes_2 .icon-renqi1:before {
		color: #fb9d3b;
	}

	.themes_2 .icon-paihang:before {
		color: #fb9d3b;
	}

	.themes_2 .red_text {
		color: #fb9d3b;
	}

	.themes_2 .icon-home:before {
		color: #fb9d3b;
	}

	.icon-refreshthemes_2,
	.icon-xuanzhongthemes_2 {
		color: #fb9d3b !important;
	}

	.themes_2 .member_btn_txt {
		color: #fb9d3b;
	}

	.themes_2 .icon-erweima:before {
		color: #fb9d3b;
	}

	.themes_2 .vote_content {
		color: #fb9d3b;
	}

	.zf_btnthemes_2 {
		background-color: #fb9d3b;
	}

	.view_bgthemes_2,
	.member_votethemes_2,
	.zf_btnthemes_2 {
		background-color: #fb9d3b !important;
	}

	.menber_numsthemes_2 .iconfont,
	.member_btnthemes_2 .member_btn_txt,
	.member_btnthemes_2 .iconfont,
	.red_textthemes_2,
	.rqthemes_2,
	.icon-renqi1themes_2,
	.icon-paihangthemes_2 {
		color: #fb9d3b !important;
	}

	.topthemes_2,
	.giftthemes_2 {
		border-bottom: 2px solid #fd9d3b;
	}

	/*end样式2*/
	/*样式6*/
	.view_bg.themes_6 {
		background-color: #000;
	}

	.topthemes_6,
	.giftthemes_6 {
		border-bottom: 2px solid #000;
	}

	.view_borderthemes_6 {
		border: 1rpx solid #000 !important;
	}

	.rqthemes_6 {
		color: #000;
	}

	.themes_6 .member_vote {
		background-color: #000;
	}

	.themes_6 .icon-user-center:before {
		color: #000;
	}

	.themes_6 .icon-renqi1:before {
		color: #000;
	}

	.themes_6 .icon-paihang:before {
		color: #000;
	}

	.themes_6 .red_text {
		color: #000;
	}

	.zf_btnthemes_6 {
		background-color: #000;
	}

	.themes_6 .icon-home:before {
		color: #000;
	}

	.icon-refreshthemes_6,
	.icon-xuanzhongthemes_6 {
		color: #000;
	}

	.themes_6 .member_btn_txt {
		color: #000;
	}

	.themes_6 .icon-erweima:before {
		color: #000;
	}

	.themes_6 .vote_content {
		color: #000;
	}

	.view_bgthemes_6,
	.member_votethemes_6,
	.zf_btnthemes_6 {
		background-color: #000 !important;
	}

	.menber_numsthemes_6 .iconfont,
	.member_btnthemes_6 .member_btn_txt,
	.member_btnthemes_6 .iconfont,
	.red_textthemes_6,
	.rqthemes_6,
	.icon-renqi1themes_6,
	.icon-paihangthemes_6 {
		color: #000 !important;
	}

	/*end样式6*/

	.view_bg.themes_7 {
		background-color: #150a44;
	}

	.topthemes_7,
	.giftthemes_7 {
		border-bottom: 2px solid #150a44;
	}

	.themes_7 .member_vote {
		background: linear-gradient(-45deg, #460ac6, #c902ce);
	}

	.view_borderthemes_7 {
		border: 1rpx solid #150a44 !important;
	}

	.themes_7 .icon-user-center:before {
		color: #150a44;
	}

	.themes_7 .icon-renqi1:before {
		color: #150a44;
	}

	.themes_7 .icon-paihang:before {
		color: #150a44;
	}

	.zf_btnthemes_7 {
		background-color: #150a44;
	}

	.themes_7 .red_text {
		color: #150a44;
	}

	.themes_7 .icon-home:before {
		color: #150a44;
	}

	.icon-refreshthemes_7,
	.icon-xuanzhongthemes_7 {
		color: #150a44 !important;
	}

	.themes_7 .member_btn_txt {
		color: #150a44;
	}

	.themes_7 .icon-erweima:before {
		color: #150a44;
	}

	.themes_7 .vote_content {
		color: #150a44;
	}

	.rqthemes_7 {
		color: #150a44
	}

	.view_bgthemes_7,
	.member_votethemes_7,
	.zf_btnthemes_7 {
		background-color: #150a44 !important;
	}

	.menber_numsthemes_7 .iconfont,
	.member_btnthemes_7 .member_btn_txt,
	.member_btnthemes_7 .iconfont,
	.red_textthemes_7,
	.rqthemes_7,
	.icon-renqi1themes_7,
	.icon-paihangthemes_7 {
		color: #150a44 !important;
	}

	.themes_7 .member_video image {
		background: linear-gradient(to top, #460ac6, #c902ce);
		padding: 3px;
		border-radius: 4px;
		width: calc(100% - 6px);
	}

	.view_bgthemes_8,
	.member_votethemes_8,
	.zf_btnthemes_8 {
		background-color: #6F63CE !important;
	}

	.topthemes_8,
	.giftthemes_8 {
		border-bottom: 2px solid #6F63CE;
	}

	.menber_numsthemes_8 .iconfont,
	.member_btnthemes_8 .member_btn_txt,
	.member_btnthemes_8 .iconfont,
	.red_textthemes_8,
	.rqthemes_8,
	.icon-renqi1themes_8,
	.icon-paihangthemes_8 {
		color: #6F63CE !important;
	}

	.view_borderthemes_8 {
		border: 1rpx solid #6F63CE !important;
	}

	.icon-refreshthemes_8,
	.icon-xuanzhongthemes_8 {
		color: #6F63CE !important;
	}

	.topthemes_9,
	.giftthemes_9 {
		border-bottom: 2px solid #d92618;
	}

	.view_bgthemes_9,
	.member_votethemes_9,
	.zf_btnthemes_9 {
		background-color: #D92618 !important;
	}

	.menber_numsthemes_9 .iconfont,
	.member_btnthemes_9 .member_btn_txt,
	.member_btnthemes_9 .iconfont,
	.red_textthemes_9,
	.rqthemes_9,
	.icon-renqi1themes_9,
	.icon-paihangthemes_9 {
		color: #D92618 !important;
	}

	.view_borderthemes_9 {
		border: 1rpx solid #d92618 !important;
	}

	.topthemes_10,
	.giftthemes_10 {
		border-bottom: 2px solid #32abac;
	}

	.view_bgthemes_10,
	.member_votethemes_10,
	.zf_btnthemes_10 {
		background-color: #32ABAC !important;
	}

	.menber_numsthemes_10 .iconfont,
	.member_btnthemes_10 .member_btn_txt,
	.member_btnthemes_10 .iconfont,
	.red_textthemes_10,
	.rqthemes_10,
	.icon-renqi1themes_10,
	.icon-paihangthemes_10 {
		color: #32ABAC !important;
	}

	.view_borderthemes_10 {
		border: 1rpx solid #32abac !important;
	}

	.topthemes_11,
	.giftthemes_11 {
		border-bottom: 2px solid #56b0e0;
	}

	.view_bgthemes_11,
	.member_votethemes_11,
	.zf_btnthemes_11 {
		background-color: #56B0E0 !important;
	}

	.menber_numsthemes_11 .iconfont,
	.member_btnthemes_11 .member_btn_txt,
	.member_btnthemes_11 .iconfont,
	.red_textthemes_11,
	.rqthemes_11,
	.icon-renqi1themes_11,
	.icon-paihangthemes_11 {
		color: #56B0E0 !important;
	}

	.view_borderthemes_11 {
		border: 1rpx solid #56b0e0 !important;
	}

	.topthemes_12,
	.giftthemes_12 {
		border-bottom: 2px solid #5674c7;
	}

	.view_bgthemes_12,
	.member_votethemes_12,
	.zf_btnthemes_12 {
		background-color: #5674C7 !important;
	}

	.menber_numsthemes_12 .iconfont,
	.member_btnthemes_12 .member_btn_txt,
	.member_btnthemes_12 .iconfont,
	.red_textthemes_12,
	.rqthemes_12,
	.icon-renqi1themes_12,
	.icon-paihangthemes_12 {
		color: #5674C7 !important;
	}

	.view_borderthemes_12 {
		border: 1rpx solid #5674C7 !important;
	}

	.topthemes_13,
	.giftthemes_13 {
		border-bottom: 2px solid #b01eaa;
	}

	.view_bgthemes_13,
	.member_votethemes_13,
	.zf_btnthemes_13 {
		background-color: #B01EAA !important;
	}

	.menber_numsthemes_13 .iconfont,
	.member_btnthemes_13 .member_btn_txt,
	.member_btnthemes_13 .iconfont,
	.red_textthemes_13,
	.rqthemes_13,
	.icon-renqi1themes_13,
	.icon-paihangthemes_13 {
		color: #B01EAA !important;
	}

	.view_borderthemes_13 {
		border: 1rpx solid #B01EAA !important;
	}

	.topthemes_14,
	.giftthemes_14 {
		border-bottom: 2px solid #fdbab9;
	}

	.view_bgthemes_14,
	.member_votethemes_14,
	.zf_btnthemes_14 {
		background-color: #FDBAB9 !important;
	}

	.menber_numsthemes_14 .iconfont,
	.member_btnthemes_14 .member_btn_txt,
	.member_btnthemes_14 .iconfont,
	.red_textthemes_14,
	.rqthemes_14,
	.icon-renqi1themes_14,
	.icon-paihangthemes_14 {
		color: #FDBAB9 !important;
	}

	.view_borderthemes_14 {
		border: 1rpx solid #FDBAB9 !important;
	}
</style>